<!DOCTYPE html>
<html>

<head>

    <!-- main.js(inline js会触发csp) -->


    <link rel="stylesheet" type="text/css" href="../css/w3.css">

    <script type="text/javascript" src="../vis/vis.min.js"></script>

    <link rel="stylesheet" type="text/css" href="../vis/vis.min.css">

    <link rel="stylesheet" href="../fontawesome/css/all.min.css">

    <link rel="stylesheet" type="text/css" href="../css/summarize.css">

    <script src="../js/summarize2.js"></script>

    <script src="../js/socket.io.js"></script>


    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" charset="UTF-8">



    <style>
        body {
            background-color: rgb(253, 253, 253);
        }

        .container {
            position: absolute;
            width: 100%;
            height: 100%;
            border: 3px solid #043d6b; /* 边框样式 */
            box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;     
        }

   
    </style>


</head>

<body>

    <div class="container" id = "summarizehtml">

        <div class="w3-bar " style="border-bottom:#043d6b solid;width:99.5%;left:0%;height:5.5%;position: fixed;display: flex; background: linear-gradient(to left, #ffffff, transparent);">
            <span class="bar_font1" >
            <i class="fa fa-cloud" style="margin-left:20px;font-size:30px;color:rgb(248, 253, 255);   text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 添加阴影 */"></i> &nbsp; 一 键 总 结 音 视 频 内 容
         <b style="font-size: 10px;margin-left: 32px;"> 结 果 不 满 意 ?  重 新 生 成</b> <button class="fa fa-refresh" id = "refresh"></button>
        </span>
        </div>

        <div id="function-bar" style="width:95%;left:2%;position: fixed;top:8.7%;height:5%;display: flex; justify-content:space-between">
            <button id="mindmap_button" class=" mindmap_button "
                style="width:23%;left:4%;position: relative; padding: 2%;"><b style="font-size: 3.5vw">思维导图</b></button>
            <button id="graph_button" class="graph_button"
                style="width:23%;left:2%;position: relative;padding: 2%;"><b style="font-size: 3.5vw">知识图谱</b></button>

            <button id="blackboard_button" class="chat_button"
                style="width:23%;left:0%;position: relative;padding: 2%;"><b style="font-size: 3.5vw">总结摘要</b></button>
                <a href="#" class="w3-button w3-small"><i class="fa fa-paint-brush "style="font-size: 4vw;"></i></a>
                <a href="#" class="w3-button w3-small"><i class="fa fa-download"style="font-size: 4vw;"></i></a>

        </div>

    

        <div id="contentContainer" style="width:90%;height:84%;top:15.5%;left:5%;position: fixed;">
            <!-- 页面内容 -->
        </div>


    </div>

</body>

</html>